<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		div{
			color:green;
			background: gray;
			border-radius: 50%;
			border: 1px solid blue;
			overflow: hidden;
			width: 550px;
			height: 550px;
			margin: 0 auto;
			text-align: center;
			padding-top: 60px;
			font-size: 20px;
			box-sizing: border-box;
			/* transform-style: preserve-3d; */
			transform: rotate(-30deg);
			animation: donghua 4s cubic-bezier(1,-0.9, 0, 1.82) infinite;
		}
		@keyframes donghua{
			0%{
				font-size: 23px;
				transform: rotate(-30deg);
			}
			50%{
				font-size: 25px;
				transform: rotate(30deg);
			}
			100%{
				font-size: 23px;
				transform: rotate(-30deg);
			}
		}
	</style>
	
</head>
<body>

	<div>
		<p style="color:yellow">邶风击鼓</p>
		<p>击鼓其镗，踊跃用兵。土国城漕，我独南行。</p>
		<p>从孙子仲，平陈与宋。不我以归，忧心有忡。</p>
		<p>爰居爰处？爰丧其马？于以求之？于林之下。</p>
		<p>死生契阔，与子成说。执子之手，与子偕老。</p>
		<p>于嗟阔兮，不我活兮。于嗟洵兮，不我信兮。</p>
	</div>
</body>
</html>